<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>经典盒子作业二</title>
    <style type="text/css">
        *{
            margin:0px;
            padding:0px;
        }
        .bigone{
            margin:0 auto;
            width:340px;
            height:800px;
            border:1px solid black;
        }
        .bigone span{
            font-weight: bold;
        }
        .bigone .left{
            margin-left:146px;
        }
        .bigone .zuo{
            margin-left:10px;
        }
        .bigone a{
            text-decoration: none;
        }
        .bigone img{
            width:80px;
            height:60px;
        }
        .bigone li{
            list-style-type: none;
        }
        .bigone ul li ul li{
            list-style-type: none;
            float:left;
            margin:8px 16px 8px 16px;
        }
        .bigone ul li ul li span img{
            width:16px;
            height:14px;
        }
    </style>
</head>
<body>
<div class="bigone">
    <ul>
        <li>
        <span class="zuo">优酷公益</span>
        <span class="left"><a href="#">更多公益官网</a></span>
            <ul>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
            </ul>
        </li>
        <li>
            <span class="zuo">优酷公益</span>
            <span class="left"><a href="#">更多公益官网</a></span>
            <ul>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
            </ul>
        </li>
        <li>
            <span class="zuo">优酷公益</span>
            <span class="left"><a href="#">更多公益官网</a></span>
            <ul>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
            </ul>
        </li>
        <li>
            <span class="zuo">优酷公益</span>
            <span class="left"><a href="#">更多公益官网</a></span>
            <ul>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
                <li>
                    <div><img src="../qiu.jpg" alt=""></div>
                    <span>爱心月</span>
                    <span><img src="../qiu.jpg" alt=""></span>
                </li>
            </ul>
        </li>
    </ul>
</div>
</body>
</html>